<template>
  <div class="demo">
    <div class="demo-title">基本用法</div>
    <div class="demo-content">
      <Button type="primary" @click="openNotification">Open the notification box</Button>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import Button from '@sscd/button';
  import Notification from '@sscd/notification';
  const openNotification = () => {
    Notification.open({
      message: 'Notification Title',
      description:
        'This is the content of the notification. This is the content of the notification. This is the content of the notification.',
      onClick: () => {
        console.log('Notification Clicked!');
      },
    });
  };
</script>
